//基于jquery的插件封装方法
$.fn.accessChart = function(options,params){
	var _this = $(this);
	
	if(typeof options == 'string'){
		var opts = _this.data("opts");
		options = $.extend({},opts,params) ; // 参数合并，后面的覆盖前面的
	}
	_this.data("opts",options);
	
	//定义图表对象
	var chart ; 
	
	init();
	
	// 更改浏览器窗口大小的时候重新绘制图表
	$(window).resize(function() {
		chart.resize();
	});
	
	//初始化图像
	function init(){
		chart = echarts.init(_this.get(0)) ; // _this.get(0) 返回DOM对象
		//定义option
		var option = {
				tooltip : {},
				legend : {
					data : [options.name]
				},
				xAxis : {
					data : []
				},
				yAxis : {},
				series : [ {
					name : options.name,
					type : 'line',
					data : []
				} ]
		};
		chart.setOption(option);
		chart.showLoading({text:"正在努力加载数据...",effect:"whirling"});
		//加载数据
		loadData()
	}
	
	function loadData(){
		if (!options.url) {
			chart.hideLoading();
			return false;
		}
		var opts = chart.getOption();
		 $.ajax({
	            type: 'get',
	            url: options.url,
	            data:options.params,
	            dataType: 'json',
	            success: function(rst) {
	            	if(rst){
	            		var data = rst;
	            		if ($.isFunction(options.parseData))
							data = options.parseData.apply(_this, [rst]);
	            		//设置值
	            		opts.xAxis[0].data = data.xAxis;
	            		opts.series[0].data = data.datas;
	            		chart.setOption(opts);
	            	}
	            	chart.hideLoading();
	            },
	            error: function(err){
	            	layer.alert(err,{icon:2})
	            	chart.hideLoading();
	            }
	     });
	}
}
